.clear{clear: both;}


@font-face {
 font-family: 'rr';
 src: url(../fonts/rr.eot);
 src: local('rr'),
        local('rr'),
        url(../fonts/rr.woff) format('woff'),
        url(../fonts/rr.ttf) format('truetype'),
        url(../fonts/rr.svg#fontName) format('svg');
} 
@font-face {
 font-family: 'rs';
 src: url(../fonts/rs.eot);
 src: local('rs'),
        local('rs'),
        url(../fonts/rs.woff) format('woff'),
        url(../fonts/rs.ttf) format('truetype'),
        url(../fonts/rs.svg#fontName) format('svg');
}

 @font-face {
 font-family: 're';
 src: url(../fonts/rb.eot);
 src: local('re'),
        local('re'),
        url(../fonts/re.woff) format('woff'),
        url(../fonts/re.ttf) format('truetype'),
        url(../fonts/re.svg#fontName) format('svg');
}


body{
	margin: 0;
    font-size: 16px;
    font-family: "微软雅黑", Arial,"Microsoft Yahei";
    line-height: 1.5; color: #000;
   	font-size: 16px;
}
li{list-style-type:none;}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
a, a:hover, a:focus {

    text-decoration: none;
    color: #333;
}
* {
   outline: none;
}
:focus,input::-moz-focus-inner, button::-moz-focus-inner{
    outline: 0;
}

form input{-webkit-appearance: none;}
input{-webkit-appearance:none ;border-radius: 0;}
textarea  {
　　box-shadow:0px 0px 0px rgba(0,0,0,0);
     -webkit-appearance:none;
     border-radius: 0;
 
}
input, textarea {
  -moz-user-select: text;
  /*会导致在safari中input不能输入*/
  -webkit-user-select: text;
  -ms-user-select:text;
  user-select: text; 
}



/*公共部分*/

.w90{width: 90%;max-width:1500px;margin: 0 auto;height: auto;}
.h120{width: 100%;height:100px;overflow: hidden;}
.h80{width: 100%;height:70px;overflow: hidden;}
.h50{width: 100%;height:50px;overflow: hidden;}
.title{width: 100%;height: auto;text-align:left;}
.title h1{font-size: 20px;font-family: "rs";text-transform: uppercase;position: relative;color: #116bdb;}
.title h1:before{content: "";position: absolute;left: -35px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px; background:url(../img/a003.png)center no-repeat;background-size: cover;}
.title h2{font-size: 42px; color: #000;text-transform: uppercase;}
.title2 h1{color: #FFFFFF;}
.title2 h1:before{ background:url(../img/a003s.png)center no-repeat;background-size: cover;}
.title2 h2{color: #FFFFFF;}



@media only screen and (max-width:1600px ) {
.h120{width: 100%;height:90px;overflow: hidden;}
.h80{width: 100%;height:65px;overflow: hidden;}
.title h2{font-size: 38px;}

}
@media only screen and (max-width:1400px ) {
	.h120{width: 100%;height:85px;overflow: hidden;}
.h80{width: 100%;height:65px;overflow: hidden;}
.title h2{font-size:34px;}
.h50{width: 100%;height:40px;overflow: hidden;}
}

@media only screen and (max-width:1200px ) {
	.h120{width: 100%;height:75px;overflow: hidden;}
.h80{width: 100%;height:55px;overflow: hidden;}
.title h2{font-size:32px;}
}
@media only screen and (max-width:1024px ) {
	.h120{width: 100%;height:70px;overflow: hidden;}
.h80{width: 100%;height:50px;overflow: hidden;}
.title h1{font-size: 18px;}
.title h1:before{width: 18px; height:18px;left: -25px;}
.title h2{font-size:30px;}
.h50{width: 100%;height:30px;overflow: hidden;}
}
@media only screen and (max-width:720px ) {
	.w90{width:88%;}
.h120{width: 100%;height:50px;overflow: hidden;}
.h80{width: 100%;height:35px;overflow: hidden;}
.title h1{font-size: 15px;padding-left: 5px;}
.title h1:before{width: 15px; height: 15px;left: -15px;}
.title h2{font-size:26px;}
}


.header{width: 100%;height: auto;}
.pc-nav{width: 100%;height:100px;position: fixed;top: 0;left: 0; background: #fff;z-index: 9999;}

.pc-nav .logo{display: block;width: 210px;height: auto;float: left;margin-top: 16px;}
.pc-nav .logo img{display: block;width: 100%;height: auto;}
.pc-nav  .nav{width: calc(100% - 340px);font-size: 0; float: left;text-align:right;line-height: 100px;padding-left: 5%;}
.pc-nav  .nav li{display: inline-block;padding: 0 2%; position: relative;}
.pc-nav  .nav li a{font-size: 18px;color:#000000;display: inline-block;}
.pc-nav  .nav li.cut:before{content: "";position: absolute; height: 2px;background:#116bdb;width: 100%;top: 80%; left: 50%;transform: translateX(-50%);}
.pc-nav  .nav li.cut a{color: #116bdb;}
.pc-nav  .nav li:hover:before{content: "";position: absolute; height: 2px;background:#116bdb;width: 100%;top: 80%;left: 50%;transform: translateX(-50%);}
.pc-nav  .nav li:hover a{color: #116bdb;}


.pc-nav  .nav li .downs{display: none; position: absolute;width: 200px;left: 50%; top: calc(100% - 7px); transform: translateX(-50%);}
.pc-nav  .nav li .downs a{font-size: 16px;background: rgb(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.55); display: block;line-height: 35px;color: #000;width: 100%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pc-nav  .nav li .downs a:last-child{border-bottom: none;}
.pc-nav  .nav li .downs a:hover{background: #116bdb;color: #FFFFFF;}

.pc-nav .right{float: right;width: 120px; overflow: hidden; line-height: 100px;font-size: 0;}
.pc-nav .right .lang{float: left;}
.pc-nav .right .lang a{font-size: 18px; display: inline-block; padding: 0 6px;position: relative;}
.pc-nav .right .lang a:first-child:before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background: #000000;}
.pc-nav .right .lang a:hover{color: #116bdb;}
.pc-nav .right .lang a.current{color: #116bdb;}
.pc-nav .right .downs{margin-left: 15px; display: inline-block; width: 25px;height:25px;}
.pc-nav .right .downs img{display: block;width:25px;height:auto;border: 1px solid #FFFFFF;margin-top: 10px;}
.pc-nav .right .downs .img2{display: none;}
.pc-nav .right .downs:hover .img1{display:none;}
.pc-nav .right .downs:hover .img2{display: inherit;display: block;}

.pc-nav .right .downs.cut .img1{display:none;}
.pc-nav .right .downs.cut .img2{display: inherit;display: block;}


.header2 .pc-nav{box-shadow: 1px 1px 5px rgba(0,0,0,0.2);height: 80px;transition: all 0.5s ease;}
.header2  .pc-nav .logo{margin-top: 5px;}
.header2  .pc-nav  .nav{line-height: 80px;}
.header2  .pc-nav .right{line-height: 80px;}
.header2  .pc-nav  .nav li .downs{box-shadow: 1px 1px 5px rgba(0,0,0,0.2);background: #f5f5f5;}
.header2  .pc-nav  .nav li .downs a:hover{background: #116bdb;color: #FFFFFF;}


#dl-menu{display: none;}



.header .menus{display: none; cursor: pointer; width: 45px;height: 45px;border: 1px solid #FFFFFF;background: rgba(17,107,219,1); border-radius: 100%; position: fixed;top: 20px;right:4%;z-index: 999;}
.header .menus .lines{width: 20px;display: block; height:2px;background: #FFFFFF;position: relative;margin: 0 auto;margin-top: 21px;}
.header .menus .lines:before{content: "";position: absolute;top:-7px;left: 50%;height: 2px;width: 20px;background:#fff;transform: translateX(-50%);}
.header .menus .lines:after{content: "";position: absolute;bottom: -7px;left: 50%;width: 20px;height: 2px;background: #FFFFFF; transform: translateX(-50%);}

.header2 .menus{display: inherit;}
.header2 .pc-nav{top: 0;transform: translateY(-200%);}
.header2 .pc-nav.open{top: 0;transform: translateY(0);}



	
@media only screen and (max-width:1666px) {
		.header .menus{right: 5%;}
}


@media only screen and (max-width:1500px) {
	.pc-nav  .nav li a{font-size: 17px;}
	.pc-nav .right .lang a{font-size: 17px;}
	.pc-nav .right .downs{ width: 24px;height:24px;margin-left: 10px;}
.pc-nav .right .downs img{width: 24px;margin-top: 10px;}
	.pc-nav .logo{width:190px; margin-top: 20px;}
	.pc-nav2 .logo{margin-top: 10px;}
	.pc-nav .right{width: 100px;}
	.pc-nav .nav{width: calc(100% - 290px);}
}


@media only screen and (max-width:1400px) {
	.pc-nav .logo{width: 170px;margin-top: 22px;}
	
	.pc-nav2 .logo{margin-top: 12px;}
	
	.pc-nav  .nav li a{font-size: 16px;}
	.pc-nav .nav{width: calc(100% - 270px);}
	
}


@media only screen and (max-width:1200px) {
	.pc-nav .logo{width: 160px;margin-top: 24px;}
	.pc-nav2 .logo{margin-top: 14px;}
	.pc-nav  .nav li a{font-size: 15px;}
	.pc-nav .nav{width: calc(100% - 260px);}
	
}


@media only screen and (max-width:1024px) {
	.header{display: none;}
	.pc-nav{display: none;}
	#dl-menu{display:inherit;}
}




.downs{width: 100%;height: auto;}
.downs ul{width: 100%;height: auto;margin-top: 65px;}
.downs ul li{padding: 15px 45px 15px 0;display: flex; background-image: url(../img/a037.png);background-repeat: no-repeat;background-position:right top 8px ;background-size: 35px 35px;}

.downs ul li  i{flex: 1;height: 1px; border: 1px #eee dashed;margin-top: 15px;}
.downs ul li h5{padding-right: 20px;color: #000000; display: block;float: left;font-size:18px;font-weight: normal;}
.downs ul li:hover h5{color: #1156AD;}
.downs ul li:hover  i{ border: 1px #1156AD dashed;}
.downs ul li:hover{background-image: url(../img/a037s.png);}

	

@media only screen and (max-width:1400px) {
.downs ul li h5{font-size: 18px;}
.downs ul{margin-top:55px;}
}
@media only screen and (max-width:1200px) {
.downs ul li h5{font-size: 16px;}
.downs ul li{background-position:right top 10px ;background-size: 30px 30px;}
.downs ul{margin-top:40px;}
}

@media only screen and (max-width:1024px) {
.downs ul li h5{font-size: 15px;padding-right:5px;}
.downs ul li{background-position:right top 8px ;background-size: 25px 25px;padding: 8px 30px 8px 0;}
.downs ul li  i{display: none;}
.downs ul{margin-top:20px;}
}






















.banner{width: 100%;height: auto;margin-top: 100px;overflow: hidden;}
.banner .banner-js{width: 100%;height: auto;z-index: 88;}
.banner .banner-js .pic{width: 100%;height: auto;position: relative;}
.banner .banner-js .pic img{width: 100%;height: auto;display: block;}
.banner .banner-js .con {overflow: hidden; width: 100%;height:auto;position: absolute;top: 50%;transform: translateY(-50%); left: 0;}
.banner .banner-js .con h3{line-height: 1.3; width: 100%;height: auto;padding-right: 5%;color: #FFFFFF;font-size: 72px;transform: translateX(-100%);}
.banner  .mouse1{text-align: left; position:absolute;width: 90%;max-width: 1500px;left: 50%;transform: translateX(-50%);bottom: -20px;height: auto;z-index: 889;}
.banner  .mouse1 img{display: block;width: 30px;height: auto;transform: translateY(100%);}
.banner .banner-js  .swiper-pagination-bullet {margin:25px 0px;}
.banner-js .swiper-slide-active   img, .banner-js .swiper-slide-duplicate-active  img{transition:4s linear;transform:scale(1.1,1.1);}
.banner-js .swiper-slide-active  .con h3{transform: translateX(0);transition: all 0.8s ease;}
.banner-js .swiper-slide-active .pic .mouse1 img{transform: translateY(0%);transition: all 0.8s ease;}

.banner  .mouse1 img{display: block; z-index: 889;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite;animation-name:rotate ;}
@keyframes rotate{
      0%{transform: translateY(-10px);}
    50%{transform: translateY(10px);}
  100%{transform: translateY(-10px);}
}



 .banner .banner-js   .swiper-pagination-bullets {
  bottom:auto;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: calc(50% - 750px);
  width: 35px;
  text-align: center;
  height: auto;
}

.banner .banner-js .swiper-pagination-bullet {
    display:block;
  
    height: auto;
    width: 35px;
    border-radius: 100%;
    background: none;
    opacity: 1;
    font-size: 0px;
    color: #FFFFFF;
    font-family:arial;
    padding-top: 10px;
    line-height: 1;
     position: relative;
}

.banner .banner-js .swiper-pagination-bullet:before{content: "";position: absolute;left: 50%;transform: translateX(-50%); top: 0;width: 10px;height: 10px;border:2px solid #FFFFFF;border-radius: 100%;}

.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    font-size: 30px;
    padding-top:70px;
    border-radius: 0;
    position: relative;
    border:none;
    
}
.banner .banner-js .swiper-pagination-bullet-active:before{content: "";position: absolute; border-radius: 0;border: none; width: 2px;height: 65px;background: #FFFFFF;top: 0;left: 50%;transform: translateX(-50%);}


@media only screen and (max-width:1666px) {
	.banner .banner-js   .swiper-pagination-bullets {right: 5%;}
.banner .banner-js .con h3{font-size: 70px;}
}

@media only screen and (max-width:1500px) {
	.banner .banner-js .con h3{font-size:65px;}
	.banner .banner-js .swiper-pagination-bullet-active {font-size: 26px;}
}
@media only screen and (max-width:1300px) {
	.banner .banner-js .con h3{font-size:56px;}
	.banner  .mouse1 img{width: 26px;}
}

@media only screen and (max-width:1200px ) {
	.banner .banner-js .con h3{font-size:48px;}
	.banner  .mouse1 img{width: 24px;}
	.banner .banner-js  .swiper-pagination-bullet {margin:15px 0px;}
		.banner .banner-js .swiper-pagination-bullet-active:before{height: 50px;}
		.banner .banner-js .swiper-pagination-bullet-active {font-size: 24px;padding-top: 55px;}
}

@media only screen and (max-width:1024px ) {
	.banner{margin-top: 60px;}
	.banner .banner-js .con h3{font-size:40px;}
		.banner .banner-js .pic .mouse1 img{width: 20px;}
		.banner .banner-js  .swiper-pagination-bullet {margin:10px 0px;}
		.banner .banner-js .swiper-pagination-bullet:before{border: 1px solid #FFFFFF;width: 8px;height: 8px;}
		.banner .banner-js .swiper-pagination-bullet-active:before{height:35px;width: 1px;border: none;}
		.banner .banner-js .swiper-pagination-bullet-active {font-size: 20px;padding-top: 40px;}
}


@media only screen and (max-width:720px ) {
	.banner .banner-js .con h3{font-size:20px;font-weight: normal;}
	.banner  .mouse1{bottom: -15px;}
	.banner  .mouse1 img{width: 16px;}
}

@media only screen and (max-width:720px) {
	 .banner .banner-js   .swiper-pagination-bullets{right:5%;}

}


.yh-ab{width: 100%;height: auto;background:url(../img/a005.png)#eeeeee;background-size: cover;background-repeat: no-repeat;background-position: center;}
.yh-ab .w90{position: relative;}
.yh-ab .yh-ab-r{position: absolute; width:53%;top: 0;right: 0; height:100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.yh-ab .yh-ab-l{width: 47%;padding-right: 7%;height: auto;}

.yh-ab .summy{width: 100%;height: auto;margin-top: 25px;font-size: 20px;color: #000000;}
.yh-ab .txt {width: 100%;margin-bottom: 30px; height:81px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-wrap: break-word;}
.yh-ab .txt  p{font-size: 18px;color: #000000;}

.more1{width: 90px;height: auto;display: block;}
.more1 img{display: block;width: 100%;height: auto;}
.more1:hover{transform: translateX(10px);transition: all 0.5s ease;}

.yh-ab .num{width: 100%;height: auto;font-size: 0;}
.yh-ab .num li{vertical-align: top; width: calc(100% / 3);display: inline-block;padding-right: 10px;}
.yh-ab .num li h2{font-size:54px;position: relative;line-height: 1; font-family: arial;color: #116BDB;display: inline-block;}
.yh-ab .num li:last-child h2:before{content: "+"; position: absolute;top:10px;right:-20px;font-size:26px;}
.yh-ab .num li h6{font-size: 18px;color: #000000;margin-top: 10px;}



.yh-pro{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.yh-pro .top{width: 100%;height: auto;}
.yh-pro .top .title{width: calc(100% - 105px);float: left;}
.more2{ width:105px ;float: right;text-align: right;margin-top: 30px;display: block;}
.more2 span{position:relative; font-size: 20px;text-transform: uppercase;color: #FFFFFF;  display: inline-block;padding-right:45px;}
.more2 span:before{content: "";position: absolute;right: 0;top:45%;transform: translateY(-50%); width: 40px;height: 15px;background:url(../img/a011.png)center no-repeat;background-size: cover;}
.more2:hover{transform: translateX(10px);transition: all 0.3s ease;}








.yh-pro .yh-pro-js{padding: 10px 0 35px 0;}
.yh-pro  .pro-box{height:415px; position: relative;transition: all 0.3s ease;}
.yh-pro  .pro-box .pro-box1{height: 150px; width: 100%; position: absolute;transition: all 0.3s ease;  z-index: 20;background-color: #eeeeee; left: 0px; bottom: 25px;  background-position: center ; background-size: cover;}
.yh-pro  .pro-box .pro-box1 .bk{width: 90%;height:100%;background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;left:50%;transform: translateX(-50%); top: 0;}		
.yh-pro  .pro-box .pro-box1 span{width: 60px; height: 60px; background-color: #547e8a; border-radius: 50%; overflow: hidden; transition: all 0.3s ease;box-shadow: 0px 0px 5px rgba(0,0,0,0.3); display: block; position: absolute; top: -30px; left: 50%; margin-left: -30px;}
.yh-pro  .pro-box .pro-box1 span img{display: block; width: 100%;}
.yh-pro  .pro-box .pro-box1 .txt{position: absolute; width: 100%; text-align: center ; left: 0px; top:50%;padding: 0 20px;height: auto;transform: translateY(-50%);}
.yh-pro  .pro-box .pro-box1 .txt h6{font-size: 20px; color: #000;}
.yh-pro  .pro-box .pro-box1:before{content:" ";  width: 12px; height:18px; display: block; background-image: url(../img/a22s.png); background-size: 100% 100%; position: absolute; left: 0px; bottom: 100%;}
.yh-pro  .pro-box .pro-box1:after{content:" ";  width: 12px; height:18px; display: block; background-image: url(../img/a21s.png); background-size: 100% 100%; position: absolute; right:  0px; bottom: 100%;}
.yh-pro  .pro-box .pro-pic{height: auto; width: calc(100% - 24px); position: absolute;transition: all 0.3s ease;  z-index: 19; left: 12px; top: 15px; background-size: cover;background-repeat: no-repeat;background-position: center; }
.yh-pro  .pro-box .pro-pic img{display: block;width: 100%;height: auto;}
.yh-pro  .pro-box:hover .pro-box1{background-color: #74b15f;  bottom: 0px; }
.yh-pro .pro-box:hover .pro-box1 span {background-color: #265392;  }
.yh-pro .pro-box:hover .pro-box1 .bk{opacity: 0.19;	/*-webkit-filter: opacity(19%);  filter: opacity(19%); */}
.yh-pro  .pro-box:hover .pro-box1:before{background-image: url(../img/a22.png); }
.yh-pro  .pro-box:hover .pro-box1:after{background-image: url(../img/a21.png); }
.yh-pro  .pro-box:hover .pro-pic{ top: 5px;  }
.yh-pro  .pro-box:hover .pro-box1 .txt h6{color: #FFFFFF;}
.yh-pro-js .swiper-pagination-bullets { bottom: 0px;left: 0;width: 100%;}
.yh-pro-js .swiper-pagination-bullet {width: 13px;height: 13px;display: inline-block;border: 1px solid #FFFFFF;border-radius: 100%;background: none;opacity: 1;}
.yh-pro-js .swiper-pagination-bullet-active {opacity: 1;background: #FFFFFF;}


	
@media only screen and (max-width:1500px) {
	.yh-pro  .pro-box .pro-box1 .txt h6{font-size:18px;}

}

@media only screen and (max-width:1450px ) {
	.yh-pro  .pro-box{height:395px;}
	.yh-pro  .pro-box .pro-box1{height: 145px;bottom: 30px;}
	.yh-pro  .pro-box .pro-box1 .txt h6{font-size:16px;}
}

@media only screen and  (max-width: 1350px) {
	.yh-pro  .pro-box{height:360px;}
	.yh-pro  .pro-box .pro-box1{height: 140px;bottom: 30px;}
}

@media only screen and  (max-width: 1200px) {
	.yh-pro  .pro-box{height:330px;}
	.yh-pro  .pro-box .pro-box1{height: 120px;bottom: 20px;}
	.yh-pro  .pro-box .pro-box1 .txt h6{font-size:15px;}
}

@media only screen and  (max-width: 1100px) {
	.yh-pro  .pro-box{height:290px;}
	.yh-pro  .pro-box .pro-box1{height: 120px;bottom: 20px;}
	.yh-pro  .pro-box .pro-box1 .txt h6{font-size:15px;}
}

@media only screen and (max-width:1024px ) {
	.yh-pro  .pro-box{height:310px;}
	.yh-pro  .pro-box .pro-box1{height: 120px;bottom: 20px;}
	.yh-pro  .pro-box .pro-box1 .txt h6{font-size:15px;}
}

@media only screen and (max-width:480px) {
	.yh-pro  .pro-box{height:375px;}
	.yh-pro  .pro-box .pro-box1{height:125px;bottom: 15px;}
	.yh-ab{background:url(../img/a005s.png)#eeeeee;background-size: cover;background-position: center;background-repeat: no-repeat;}
}




.yh-area{width: 100%;height: auto;background:#eeeeee;}
.yh-area .top{width: 100%;height: auto;}
.yh-area .top .title{width:calc(100% - 105px) ;float: left;}
.more3{ width:105px ;float: right;text-align: right;margin-top: 30px;display: block;}
.more3 span{position:relative; font-size: 20px;color: #000000; text-transform: uppercase; display: inline-block;padding-right:45px;}
.more3 span:before{content: "";position: absolute;right: 0;top:45%;transform: translateY(-50%); width: 40px;height: 15px;background:url(../img/a010.png)center no-repeat;background-size: cover;}
.more3:hover{transform: translateX(10px);transition: all 0.3s ease;}





.yh-area ul{width: 100%;height: auto;font-size: 0;}
.yh-area ul li{vertical-align: top; position: relative; width: calc(25% - 7.5px);display: inline-block; margin-right: 10px;height: auto;}
.yh-area ul li:nth-child(4n){margin-right: 0;}
.yh-area ul li .pic{overflow: hidden;width: 100%;height: auto;}
.yh-area ul li .pic img{display: block;width: 100%;height: auto;}
.yh-area ul li .con{padding:6%; position: absolute;top: 0;left: 0;width: 100%;height:100%;background-position: bottom 5% left 5%;background-size: 60px 60px;background-repeat: no-repeat;background-color: rgba(0,0,0,0.05);}
.yh-area ul li .con h6{font-size: 24px;font-weight: normal; color: #FFFFFF;}
.yh-area ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}





.footer{width: 100%;height: auto;}
.footer .foot-t{width: 100%;height: auto;padding: 5% 0;}

.footer .foot-t .foot-tl{width: 315px;float: left;}
.footer .foot-t .foot-tl .logo{width: 100%;height: auto;text-align: center;display: block;}
/*.footer .foot-t .foot-tl .logo p{font-size: 24px;color: #FFFFFF;margin-top: 10px;line-height: 1;}
.footer .foot-t .foot-tl .logo span{font-size: 13px;color: #FFFFFF;line-height: 1.1;}*/
.footer .foot-t .foot-tl .logo .img1{display: inline-block;  width: 100px;height: auto;}
.footer .foot-t .foot-tl .logo .img2{display: block;  width:100%;height: auto;margin-top: 10px;}


.footer .foot-t .foot-tl .share{margin-top: 40px;font-size: 0; width: 100%;height: auto;text-align: center;}
.footer .foot-t .foot-tl .share a{position: relative; display:inline-block;width: 35px;border-radius: 100%; height: 35px; border: 1px solid #FFFFFF;margin: 0 5px;}
.footer .foot-t .foot-tl .share a img{display: block;width: 100%;height: auto;}

.footer .foot-t .foot-tl .share a:hover{border: 1px solid rgba(255,255,255,0.1);background: rgba(255,255,255,0.2);}
.footer .foot-t .foot-tl .share .wx>.ewm{display: none; position: absolute;background: #FFFFFF;width: 100px;height: 100px;padding: 5px;left: 50%;transform: translateX(-50%);top: -115px;}
.footer .foot-t .foot-tl .share .wx>.ewm img{display: block;width: 100%;height: auto;}
.footer .foot-t .foot-tl .share .wx>.ewm:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -18px;border-top: 10px solid #FFFFFF;border-bottom: 8px solid rgba(0,0,0,0);border-left: 8px solid rgba(0,0,0,0);border-right: 8px solid rgba(0,0,0,0);}
.footer .foot-t .foot-tl .share .wx:hover .ewm{display: inherit;transition: all 0.5s ease;}
.footer .foot-t .foot-tc{width: calc(100% - 640px);font-size: 0;padding: 0 8%;height: auto;float: left;}
.footer .foot-t .foot-tc li{padding: 0 5%; vertical-align: top; display: inline-block; width:27%;}

.footer .foot-t .foot-tc li:nth-child(3){width: 46%;padding: 0;}
.footer .foot-t .foot-tc li h6{margin-bottom: 20px;font-size: 16px;color: #FFFFFF;}

.footer .foot-t .foot-tc li .con{width: 100%;height: auto;}
.footer .foot-t .foot-tc li .con a{display: block;width: 100%;height: auto;font-size: 14px;margin-bottom: 5px; color: #FFFFFF;}
.footer .foot-t .foot-tc li .con p{margin-bottom: 5px; display: block;width: 100%;height: auto;font-size: 14px;color: #FFFFFF;}


.footer .foot-t .foot-tr{width: 325px;float: right;}
.footer .foot-t .foot-tr h6{font-size: 16px;color: #FFFFFF;padding-bottom: 20px;}
.footer .foot-t .foot-tr .c1{font-family: "微软雅黑"; width: 100%;height: 30px;margin-bottom: 10px; background: rgba(255,255,255,0.2);font-size: 14px; color: #FFFFFF;padding-left: 10px;border: none;}
.footer .foot-t .foot-tr .c2{width: 100%;height: 90px;padding-top: 10px; background: rgba(255,255,255,0.2);color: #FFFFFF;padding-left: 10px;border: none;}

.footer .foot-t .foot-tr .send{width: 80px;text-align: center;background: rgba(255,255,255,0.6);border: none;height: 30px;margin-top: 5px;color: #000000;font-size: 15px;}
.footer .foot-t .foot-tr .send:hover{background: #FFFFFF;}

.footer .foot-t .foot-tr .c1::-webkit-input-placeholder {color: rgba(255,255,255,0.8);font-family: "微软雅黑";}
.footer .foot-t .foot-tr .c1::-moz-placeholder {color: rgba(255,255,255,0.8);font-family: "微软雅黑";}
.footer .foot-t .foot-tr .c1::-ms-input-placeholder {color: rgba(255,255,255,0.8);font-family: "微软雅黑";}

.footer .foot-d{width: 100%;height: auto;color: #FFFFFF;}
.footer .foot-d .line{width: 100%;height: 1px;display: block;

background: -webkit-linear-gradient(to right, rgba(255,255,255,0.05),rgba(255,255,255,0.4),rgba(255,255,255,0.05));

background: -o-linear-gradient(to right, rgba(255,255,255,0.05),rgba(255,255,255,0.4),rgba(255,255,255,0.05));

background: -moz-linear-gradient(to right, rgba(255,255,255,0.05),rgba(255,255,255,0.4),rgba(255,255,255,0.05)); 

background: linear-gradient(to right, rgba(255,255,255,0.05),rgba(255,255,255,0.4),rgba(255,255,255,0.05));
}
.footer .foot-d .foot-dc{font-size: 14px;color: #FFFFFF;text-align: center;padding: 20px 0;}
.footer .foot-d .foot-dc span{color: #FFFFFF;}
.footer .foot-d .foot-dc span a{color: #FFFFFF;margin: 0 5px;}










@media only screen and (max-width:1500px ) {
	.yh-ab .summy{font-size: 18px;}
	.yh-ab .txt {height: 72px;}
	.yh-ab .txt p{font-size: 16px;}
	.yh-ab .num li h6{font-size: 16px;}
	.yh-ab .num li h2{font-size: 45px;}
	.more1{width: 80px;}
	.yh-area ul li .con{background-size: 50px 50px;}
	.yh-area ul li .con h6{font-size: 20px;}
	
	
	
	
	
	
	

}

@media only screen and (max-width:1400px ) {

.yh-area .top .title{width:calc(100% - 89px) ;float: left;}
.yh-area .top .more3{width:89px;}
.more3 span{font-size: 18px;padding-right:37px;}
.more3 span:before{width: 32px;height: 12px;}


.yh-pro.top .title{width:calc(100% - 89px) ;float: left;}
.yh-pro .top .more2{width:89px;}
.more2 span{font-size: 18px;padding-right:37px;}
.more2 span:before{width: 32px;height: 12px;}



.yh-area ul li .con{background-size:40px 40px;}
.yh-area ul li .con h6{font-size: 18px;}
.footer .foot-t .foot-tl{width: 300px;}
.footer .foot-t .foot-tl .logo p{font-size: 22px;}
.footer .foot-t .foot-tl .logo span{font-size: 12px;}

.footer .foot-t .foot-tr{width: 300px;}
.footer .foot-t .foot-tc{width: calc(100% - 600px);}	
.footer .foot-t .foot-tc li{padding: 0 3%; vertical-align: top; display: inline-block; width:25%;}
.footer .foot-t .foot-tc li:nth-child(3){width: 50%;padding: 0;}
}

@media only screen and (max-width:1300px) {
	
.footer .foot-t .foot-tl{width: 220px;}
.footer .foot-t .foot-tl .logo p{font-size:16px;}
.footer .foot-t .foot-tl .logo span{font-size: 12px;}

.footer .foot-t .foot-tr{width:260px;}
.footer .foot-t .foot-tc{width: calc(100% - 480px);padding: 0 2.5%;}	
.footer .foot-t .foot-tc li{padding: 0 2%; vertical-align: top; display: inline-block; width:25%;}
.footer .foot-t .foot-tc li:nth-child(3){width: 50%;padding: 0;}	
}


@media only screen and (max-width:1200px ) {
	.yh-ab .yh-ab-r{width: 40%;}
	.yh-ab .yh-ab-l{width: 60%;padding-right: 5%;}
	.yh-ab .num li h2{font-size: 36px;}
	.yh-ab .txt{height: 66px;}
	.yh-ab .summy{font-size: 17px;}
	.yh-ab .txt  p{font-size: 15px;}
.yh-ab .num li h6{font-size: 15px;}
.more1{width: 70px;}
.yh-area ul li .con{background-size:36px 36px;}
	.yh-area ul li .con h6{font-size: 17px;}
	
}


@media only screen and (max-width: 1024px) {
	.yh-ab .summy{font-size: 16px;}
	.yh-ab .txt{height: 63px;}
	.yh-ab .txt  p{font-size: 14px;}
	.yh-ab .num li h6{font-size: 14px;font-weight: normal;}
	.yh-area ul li .con{background-size:30px 30px;}
	.yh-area ul li .con h6{font-size: 16px;}
	.yh-area .top .title{width:calc(100% - 78px) ;float: left;}
.yh-area .top .more3{width:78px;}
.more3 span{font-size: 16px;padding-right:30px;}
.more3 span:before{width:24px;height: 9px;}


	.yh-pro .top .title{width:calc(100% - 78px) ;float: left;}
.yh-pro .top .more2{width:78px;}
.more2 span{font-size: 16px;padding-right:30px;}
.more2 span:before{width:24px;height: 9px;}



.footer .foot-t .foot-tl{width: 290px;}
/*.footer .foot-t .foot-tl .logo p{font-size:16px;}
.footer .foot-t .foot-tl .logo span{font-size: 12px;}*/



.footer .foot-t .foot-tr{display: none;}
.footer .foot-t .foot-tc{width: calc(100% - 290px);padding-left:8%;}
	

}




@media only screen and (max-width:850px) {
.yh-ab .yh-ab-l{width: 100%;padding-right: 0;}
.yh-ab .yh-ab-r{display: none;}
.yh-ab .num li h2{font-size: 32px;}

.footer .foot-t .foot-tl{width: 100%}
/*.footer .foot-t .foot-tl .logo p{font-size:16px;}
.footer .foot-t .foot-tl .logo span{font-size: 12px;}*/
.footer .foot-t .foot-tl .logo .img1{ width:70px; height: auto;margin: 0 auto;display: block;}
.footer .foot-t .foot-tl .logo .img2{ width:80%;max-width: 250px; height: auto;margin: 0 auto;margin-top: 10px;}
.footer .foot-t .foot-tr{display: none;}
.footer .foot-t .foot-tc{display: none;}	


}

@media only screen and (max-width:720px) {
	.yh-area ul li { width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.yh-area ul li:nth-child(4n){margin-right: 10px;}
.yh-area ul li:nth-child(2n){margin-right: 0;}
	.yh-area ul li .con{background-size:30px 30px;padding: 15px;background-position: bottom 15px left 15px;}
	.yh-area ul li .con h6{font-size: 15px;}
	
	
.footer .foot-t .foot-tl{width: 100%;}
		.footer .foot-t .foot-tl .share{margin-top: 25px;}

.footer .foot-t .foot-tr{display: none;}
.footer .foot-t .foot-tc{display: none;}
.footer .foot-d .foot-dc{font-size: 12px;}
}






.banner{position: relative;}
.banner img{display: block;width: 100%;height: 100%;top: 0;left: 0;}

.banner .in-bk{width:100%;height: 100%;background:rgba(17,89,178,0.3);position: absolute;top: 0;left: 0;}





.news{width: 100%;height: auto;}
.news ul{width: 100%;height: auto;}
.news ul li {padding: 30px;height: auto;border-bottom: 1px solid #eeeeee;position: relative;overflow: hidden;}
.news ul li .pic {position: absolute;top: 30px;left: 30px;width: 30%;height: calc(100% - 60px);background-size: cover;background-repeat: no-repeat;background-position: center;}

.news ul li .con{float: right;width:70%;height: auto;padding-left: 45px;}
.news ul li .con h6{font-size:20px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news ul li .con .time{width: 100%;height: auto;font-size: 14px;color: #000000;margin-top: 10px;}
.news ul li .con .txt{width: 100%;height:48px;margin-top: 30px;margin-bottom: 20px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-word;}
.news ul li .con .txt p{font-size: 16px;color: #000000;}
.news ul li .con .more{width: 100%;height: auto;position: relative;font-size: 0;}
.news ul li .con span{width:90px; text-align: left; display: inline-block;font-size: 16px;color: #000000;position: relative;padding-right: 25px;}
.news ul li .con span:after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-left:8px solid #000;border-top: 6px solid rgba(0,0,0,0);border-right: 6px solid rgba(0,0,0,0);border-bottom: 6px solid rgba(0,0,0,0);}
.news ul li .con i{ width: 0;height: 1px;vertical-align: 5px; background: #116BDB;display: inline-block;}
.news ul li:hover .con  i {width: calc(100% - 100px);transition: all 0.5s ease;}

.news ul li:hover {background: #eee;}

.fy{width: 100%;height: auto;text-align: center;font-size: 0;}
.fy a{display: inline-block;font-size: 16px;color: #000000;line-height: 24px;padding: 0 8px;margin: 0 3px;font-family: arial;}

.fy a:hover{background:#116BDB;color: #FFFFFF;}
.fy a.cut{background:#116BDB;color: #FFFFFF;}



.news-d{width: 100%;height: auto;}
.news-d .top{width: 100%;height: auto;padding-bottom: 35px;border-bottom: 1px solid #dcdcdc;margin-bottom: 35px;}
.news-d .top h6{font-size: 24px;color: #000000;margin-bottom: 10px;}
.news-d .top  .view{width: 100%;height: auto;}
.news-d .top  .view span{font-size: 16px;color: #000000;padding-left: 35px;line-height: 25px;display: inline-block;}
.news-d .top .view .time{background:url(../img/a024.png)left center no-repeat; background-size: 25px 25px;margin-right: 35px;}
.news-d .top .view .return{background:url(../img/a025.png)left center no-repeat;background-size: 25px 25px;}

.news-d .top .view .return:hover{transform: translateX(10px);transition: all 0.5s ease;}


.news-d .txt {width: 100%;height:auto;}
.news-d .txt p{font-size: 16px;color: #000000;}
.news-d .txt p img{display: block;width: 100%;height: auto;}

.news-d .pn{padding-top: 35px;overflow: hidden; margin-top: 35px; border-top:1px solid #dcdcdc; width: 100%;height: auto;}
.news-d .pn .pn-l{float: left;width: calc(100% - 35px);padding-right: 20px;}
.news-d .pn .pn-l a{display: block;width: 100%;height: auto;margin-bottom: 5px;font-size: 16px;}
.news-d .pn .return{background: #007AFF;width:30px;float: right;height: 40px;background:url(../img/a023.png)center no-repeat;background-size: cover;}











@media only screen and (max-width: 1500px) {
.news ul li .con h6{font-size: 18px;}
.news ul li .con .time{font-size: 14px;}
.news ul li .con .txt{height: 48px;}
.news ul li .con .txt p{font-size: 16px;}
.news ul li .con span{width:90px;font-size: 16px;}

.news-d .top h6{font-size: 20px;}
	
}

@media only screen and (max-width: 1200px) {
	.news ul li{padding: 25px;}
.news ul li .con h6{font-size: 18px;}
.news ul li .con .time{font-size: 14px;margin-top: 5px;}
.news ul li .con .txt{height: 44px;margin-top: 25px;margin-bottom: 15px;}
.news ul li .con .txt p{font-size: 15px;}
.news ul li .con span{width:85px;font-size: 15px;}	
.fy a{font-size: 15px;line-height: 24px;padding: 0 6px;margin: 0 3px;}


.news-d .top h6{font-size: 18px;}
.news-d .top  .view span{font-size: 15px;}
.news-d .txt p{font-size: 15px;}
.news-d .pn .pn-l a{font-size: 15px;}
}

@media only screen and (max-width:1024px) {
	.news ul li{padding: 20px;}
.news ul li .con h6{font-size: 18px;}
.news ul li .con .time{font-size: 14px;}
.news ul li .con .txt{height: 44px;margin-top: 20px;margin-bottom: 15px;}
.news ul li .con .txt p{font-size: 15px;}
.news ul li .con span{width:85px;font-size: 15px;}	


.news-d .top h6{font-size: 16px;}
.news-d .top  .view span{font-size: 15px;}
.news-d .txt p{font-size: 15px;}
.news-d .pn .pn-l a{font-size: 15px;}	
}

@media only screen and (max-width:720px) {
		.news ul li{padding: 15px;position:static;}
	.news ul li .pic{width: 100%;height:150px;position:relative;margin-bottom: 20px;left: auto;top: auto;}
	.news ul li .con h6{font-size: 16px;}
.news ul li .con{width: 100%;height: auto; float: inherit;padding-left: 0;}	
.news ul li .con .txt{height: 42px;margin-top: 10px;margin-bottom: 10px;}
.news ul li .con .txt p{font-size: 14px;}
.news-d .top h6{font-size: 16px;}
.news-d .top  .view span{font-size: 14px;}
.news-d .top{padding-bottom: 25px;margin-bottom: 30px;}
.news-d .top .view .time{background-size: 20px 20px;}
.news-d .top .view .return{background-size: 20px 20px;}

.news-d .txt p{font-size: 14px;}
.news-d .pn .pn-l a{font-size: 14px;}

.news-d .pn{padding-top: 25px;margin-top: 30px;}
.news-d .pn .return{width: 28px;height:32px;margin-top: 25px;}
}


@media only screen and (max-width:480px) {
		.news ul li {}
	.news ul li .pic{width: 100%;height:130px;position:relative;margin-bottom: 20px;left: auto;top: auto;}



}



.product{width: 100%;height: auto;}
.product h6{font-size: 24px;color: #000000;text-align: center;}

.product .ico{width:30px;height: 30px;margin: 10px auto; display: block;background: url(../img/a027.png)center no-repeat;background-size: cover;}

.product .summy {width:70%;height: auto;margin: 0 auto; text-align: center;}
.product .summy p{font-size: 16px;color: #000000;}
.product ul{font-size: 0; width: 100%;height: auto;}
.product ul li{margin-bottom:30px; width: calc(33.3% - 40px);margin-right: 60px;margin-bottom: 30px; display: inline-block;height: auto;vertical-align:top;}
.product ul li:nth-child(3n){margin-right: 0;}
.product ul li .pic{width: 100%;height: auto;overflow: hidden;}
.product ul li .pic img{display: block;width: 100%;height: auto;}
.product ul li h6{font-size: 20px;color:#000000;padding: 0 20px;text-align: center;margin-top: 30px;}
.product ul li h4{font-size: 20px;color:#000000;padding: 0 20px;text-align: center;margin-top: 10px;}
.product ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}

@media only screen and (max-width:1500px) {
	.product ul li{width: calc(33.3% - 20px);margin-right: 30px;}			
}
	
@media only screen and (max-width:1400px) {
.product ul li h6{font-size: 18px;}
.product ul li h4{font-size: 18px;}
.product h6{font-size: 20px;}
}
@media only screen and (max-width:1400px) {
.product ul li h6{font-size: 18px;}
.product ul li h4{font-size: 18px;}
}

@media only screen and (max-width:1200px) {
	.product h6{font-size: 18px;}
	.product .summy p{font-size: 15px;}
	.product ul li h6{font-size: 16px;}
	.product ul li h4{font-size: 16px;}
	.product ul li{width: calc(33.3% - 30px);margin-right:45px;}
	.product ul li:nth-child(3n){margin-right: 0;}
}
@media only screen and (max-width:1024px) {
	.product .summy{width: 100%;height: auto;}
	.product ul li{width: calc(33.3% - 20px);margin-right:30px;}
	.product ul li:nth-child(3n){margin-right: 0;}
	.product ul li h6{font-size: 15px;margin-top: 20px;}
	.product ul li h4{font-size: 15px;margin-top: 5px;}
	.product ul li:nth-child(3n){margin-right: 0;}
}
@media only screen and (max-width:720px) {
	.product .ico{width: 25px;height: 25px;margin: 5px auto;}
	.product ul li{width: calc(50% - 5px);margin-right:10px;margin-bottom:20px;}
	.product ul li:nth-child(3n){margin-right: 10;}
	.product ul li h6{font-size: 15px;margin-top: 15px;}
		.product ul li h4{font-size: 15px;margin-top: 5px;}
	.product ul li:nth-child(2n){margin-right: 0;}
}

@media only screen and (max-width:480px) {
	.product ul li{width: 100%;margin-bottom:20px;}
	.product ul li:nth-child(3n){margin-right: 10;}
	.product ul li:nth-child(2n){margin-right: 0;}
	.product ul li:last-child{margin-bottom:0px;}
}



.contact{width: 100%;height: auto;}
.contact .cont-l{width: 35%;float: left;height: auto;float: left;}
.contact .cont-l ul{width: 100%;height: auto;}
.contact .cont-l ul li{width:100%;margin-bottom: 10px;font-size: 16px;color: #000000; padding-left: 45px;background-size: 24px 24px;background-repeat: no-repeat;background-position:left  center;}

.contact .cont-l  .ewm{width: 115px;height: auto;margin-top:80px;}
.contact .cont-l .ewm img{display: block;width:100%;height: auto;}
.contact .cont-l .ewm p{text-align: center;font-size: 16px;color: #000000;margin-top: 10px;}
.contact .cont-r{width: 65%;padding-left: 8%;height: auto;float: right;}
.contact .cont-r form{width: 100%;font-size: 0;}
.contact .cont-r .c1{padding-left: 30px;font-size: 15px; background-size: 20px 20px;width: calc(50% - 10px);margin-bottom: 10px; margin-right: 20px;border: 1px solid rgba(17,107,219,0.3);float: left; background-position: left 5px top 10px;background-repeat: no-repeat;height: 45px}
.contact .cont-r .c1:nth-child(2n){margin-right: 0;}
.contact .cont-r .c2{width: 100%;margin-right: 0;}
.contact .cont-r .c3{padding-top: 10px;width: 100%;margin-right: 0;height: 120px;}

.contact .cont-r  .tj{width: calc(50% - 8px);height: 45px;font-size: 15px; font-family:"rs";text-transform: capitalize; border: none; display: inline-block;color:#FFFFFF;background:#116bdb; margin-right: 0;}
.contact .cont-r  .cz{width: calc(50% - 8px);height: 45px;font-size: 15px; text-transform: capitalize; border: none;color: #FFFFFF; background: #999999; display: inline-block;margin-right: 16px;}

.contact .cont-r .c1::-webkit-input-placeholder {color: #666;font-family:"微软雅黑";}
.contact .cont-r .c1::-moz-placeholder {color: #666;font-family:"微软雅黑";}
.contact .cont-r .c1::-ms-input-placeholder {color: #666;font-family:"微软雅黑";}

	
@media only screen and (max-width:1200px ) {
	.contact .cont-l ul li{font-size: 15px;}
.contact .cont-l .ewm p{font-size: 15px;}
}

@media only screen and (max-width:850px ) {
	.contact .cont-r .c1{width: calc(50% - 5px);}
	.contact .cont-r .c2{width: 100%;margin-right: 0;}
.contact .cont-r .c3{padding-top: 10px;width: 100%;margin-right: 0;height: 100px;}
	.contact .cont-l{width: 100%;height: auto;float: inherit;}
	.contact .cont-l .con{width: 100%;height: auto;overflow: hidden;}
	.contact .cont-l .con ul{width: calc(100% - 90px);float: left;padding-right: 40px;}
	.contact .cont-l .con .ewm{width: 90px;float: right;margin-top: 0;}
	.contact .cont-l .con .ewm p{font-size: 14px;}
	.contact .cont-r{width: 100%;height: auto;float: inherit;padding-left: 0;margin-top: 40px;}
		
	.contact .cont-r  .tj{width: calc(50% - 5px);height: 45px; margin-right: 0;}
.contact .cont-r  .cz{width: calc(50% - 5px);height: 45px;margin-right: 10px;}

	
}


@media only screen and (max-width:520px ) {
	.contact .cont-r .c1{width: calc(50% - 5px);margin-right: 10px;height:35px;padding-left: 25px;  background-position:left 5px top 9px;background-size: 16px 16px;}
		.contact .cont-r .c2{width: 100%;margin-right: 0;}
.contact .cont-r .c3{padding-top: 10px;width: 100%;margin-right: 0;height: 100px;}
	.contact .cont-l .con ul{width:100%;float:inherit;padding-right:0px;}
	.contact .cont-l .con .ewm{width: 100px;margin-top: 20px; float: inherit;}
	.contact .cont-r  .tj{width: calc(50% - 5px);height: 35px; margin-right: 0;}
.contact .cont-r  .cz{width: calc(50% - 5px);height: 35px;margin-right: 10px;}
}



.ab{width: 100%;height: auto; background:url(../img/a005.png)center no-repeat;background-size: cover;}
.ab .ab-con{width: 100%;height: auto;}
.ab .ab-con p{font-size: 18px;color: #000000;}
.ab  .ab-list{width: 100%;font-size: 0;}
.ab .ab-list li{width: calc(100% / 3 - 5px);margin-right:7.5px;display: inline-block;}
.ab .ab-list li:nth-child(3n){margin-right: 0;}

.ab .ab-list li .pic {height: 530px; background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;z-index: 1;}
.ab .ab-list li .pic .bk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);z-index: -1;}
.ab .ab-list li .pic .con{width:90%;height: auto;text-align: center; position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);}

.ab .ab-list li .pic .con h4{font-size: 34px;color: #FFFFFF;margin-bottom: 15px;}
.ab .ab-list li .pic .con h6{font-size: 20px;color: #FFFFFF;margin-top: 25px;}
.ab .ab-list li .pic .con .line{display: inline-block;width:60px;height:2px;background: #FFFFFF;opacity: 1;}
.ab .ab-list li .pic .con .txt{display: none; margin-top: 15px; width: 100%;height:120px;text-align: left;    overflow-x: hidden;overflow-y: auto;}
.ab .ab-list li .pic .con .txt p{font-size: 16px;color: #FFFFFF;}
.ab .ab-list li.cuts{width: calc(22% - 5px);transition: all 0.3s ease;}
.ab .ab-list li.cut{width: calc(56% - 5px);transition: all 0.3s ease;}
.ab .ab-list li.cut  .pic .bk{background: rgb(17,107,219,0.5);}
.ab .ab-list li.cut  .pic .con{text-align: left;}
.ab .ab-list li.cut  .pic .con .line{width: 90px;height: 3px;}
.ab .ab-list li.cut  .pic .con h6{margin-top: 65px;}
.ab .ab-list li.cut  .pic .con .txt{display: inherit;}



.ab .ab-js{display: none;}


.ab .ab-js{width: 100%;height: auto;overflow: hidden;}
.ab .ab-js .swiper-slide {
	height:auto;
	color: #FFFFFF;
}

.ab .ab-js .pic{width: 100%;height: 360px;background-size: cover;background-repeat: no-repeat;background-position: center;z-index: 0;position: relative;}
.ab .ab-js .pic .bk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);z-index: -1;}
.ab .ab-js .pic .con{width:86%;height: auto;text-align: left; position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);}
.ab .ab-js .pic .bk{background: rgb(17,107,219,0.5);}
.ab .ab-js .pic .con h4{font-size: 20px;}
.ab .ab-js .pic .con .line{display: inline-block; width:45px;height: 3px;background: #FFFFFF;}
.ab .ab-js .pic .con h6{margin-top: 30px;font-size: 16px;}
.ab .ab-js .pic .con .txt{height:105px;overflow-x: hidden;overflow-y: auto;margin-top: 10px;}
.ab .ab-js .pic .con .txt p{font-size: 14px;}

.ab  .pic .con .txt::-webkit-scrollbar {-webkit-overflow-scrolling: touch; /*滚动条整体样式*/width:4px;     border-radius: 4px;   /*高宽分别对应横竖滚动条的尺寸*/}
.ab  .pic .con .txt::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
            border-radius: 4px;
  background-clip: padding-box;
            height: 45%;
            /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
            background: rgba(255,255,255,0.7);}
            
     .ab  .pic .con .txt::-webkit-scrollbar-thumb:hover{ /*滚动条里面小方块*/
            border-radius: 4px;
            height: 45%;
            /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
            background: rgba(255,255,255,0.7);}       
            
            
.ab  .pic .con .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
               border-radius: 5px;
            background:rgba(255,255,255,0.2);}


.ab .ab-js .swiper-button-next{
    background: url(../img/a040.png);
    right:6%;
    left: auto;
}
.ab .ab-js .swiper-button-prev{
background: url(../img/a039.png);
  right:calc(6% + 40px);
  left: auto;
}

.ab .ab-js .swiper-button-prev,.ab .ab-js .swiper-button-next {
    position: absolute;
    top:10%;
    width:30px;
    height: 30px;
    margin-top: -0px;
    z-index: 99;
    cursor: pointer;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}




@media only screen and (max-width:1500px ) {
	.ab .ab-con p{font-size: 16px;}
	.ab .ab-list li .pic .con h4{font-size:28px;}
.ab .ab-list li .pic .con h6{font-size:18px;}	
}


@media only screen and (max-width:1400px) {
	.ab .ab-list li .pic{height: 500px;}

}
@media only screen and (max-width:1200px ) {
	.ab .ab-con p{font-size: 15px;}
	.ab .ab-list li .pic{height: 460px;}
	.ab .ab-list li .pic .con h4{font-size:24px;}
.ab .ab-list li .pic .con h6{font-size:16px;}
	.ab .ab-js .pic .con .txt p{font-size: 15px;}
	.ab .ab-list li.cut  .pic .con .line{width: 65px;}
	.ab .ab-list li{width: calc(100% / 3 - 3px);margin-right: 4.5px;}
	.ab .ab-list li.cuts{width: calc(22% - 3px);transition: all 0.3s ease;}
.ab .ab-list li.cut{width: calc(56% - 3px);transition: all 0.3s ease;}
}


@media only screen and (max-width:720px) {
		.ab .ab-con p{font-size: 14px;}
	.ab  .ab-list{display: none;}
	.ab .ab-js{display: inherit;}
	.ab .ab-js .pic .con .txt p{font-size: 14px;}
}

@media only screen and (max-width:480px) {
	.ab  .ab-list{display: none;}
	.ab .ab-js{display: inherit;}
	.ab .ab-js .pic{height: 320px;}
}




.events{width: 100%;height: auto;}
.events-c1{width: 100%;height: auto;}
.events-c1 .events-pn{width:90%;height: auto;max-width: 1500px;margin: 0 auto;position: relative;}

.events-c1{width: 100%;height: auto;position: relative;}


.events-c1:after{content: "";position: absolute;left: 0;top:78px;width: 100%;height: 1px;background: #116BDB;}

.events-c1 .events-js{width:1000px;margin: 0 auto;text-align: center;position: relative;}

.events-c1 .events-js .swiper-slide{position: inherit;overflow: inherit;}
.events-c1 .events-js .years{display: inline-block; width:100%;text-align: center;font-size: 20px; padding-bottom: 50px;position:relative;}
.events-c1 .events-js .con{cursor: pointer; width: 100%;height: auto;overflow: inherit;text-align: center;}
.events-c1 .events-js .txt{ display: none; width:950px;margin: 0 auto; height: auto; padding-left: 5%; margin-top: 25px;transform: translateX(-45%);}
.events-c1 .events-js .txt p{font-size: 16px;color:#000000;}
.events-c1 .events-js .swiper-slide-active .years{color: #116BDB;}
.events-c1 .events-js .swiper-slide-active .years:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);border-radius: 100%; width: 14px;height: 14px; bottom: -8px;border: 2px solid #116BDB;}
.events-c1 .events-js .swiper-slide-active .years:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);border-radius: 100%; width: 8px;height: 8px; bottom: -3px;background: #116BDB;}
.events-c1 .events-js .swiper-slide-active .txt{display: inherit;}



.events .events-top{width: 100%;height: auto;position: relative; }

.events .events-top .txt{ width: 80%;margin: 0 auto; height: auto;overflow: hidden;text-align: center;padding-top: 25px;height: auto;position: relative;}

.events-c1 .events-pn .swiper-button-prev {
    background-image: url(../img/046.png);
    left: -5px;
    right: auto;
}

.events-c1 .events-pn .swiper-button-next{
    background-image: url(../img/048.png);
    right: -5px;
    left: auto;
}

.events-c1 .events-pn .swiper-button-prev,.events-c1 .events-pn .swiper-button-next {
    position: absolute;
    top: 0px;
    width: 35px;
    height: 35px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:35px 35px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1400px) {
	
	.events-c1 .events-js{width:900px;margin: 0 auto;}
.events-c1 .events-js .txt{ display: none; width:800px;}
}


@media only screen and (max-width:1200px) {
	.events-c1 .events-js .years{font-size: 18px;}
	.events-c1:after{top:75px;}
	.events-c1 .events-js{width:800px;margin: 0 auto;}
.events-c1 .events-js .txt{ display: none; width:700px;}
.events-c1 .events-js .txt p{font-size: 15px;}
}

@media only screen and (max-width:1024px) {
	
		.events-c1 .events-js .years{font-size: 18px;padding-bottom: 35px;}
	.events-c1:after{top:60px;}
.events-c1 .events-js{width:700px;margin: 0 auto;}
.events-c1 .events-js .txt{ display: none; width:600px;}
.events-c1 .events-js .txt p{font-size: 14px;}
.events-c1 .events-pn .swiper-button-prev,.events-c1 .events-pn .swiper-button-next {
    position: absolute;
    top: 0px;
    width: 30px;
    height: 30px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}
}

@media only screen and (max-width:900px ) {
.events-c1 .events-js{width:calc(100% - 60px);margin: 0 auto;}
.events-c1 .events-js .txt{ display: none; width:400px;}
.events-c1 .events-js .txt p{font-size: 14px;}	
}


@media only screen and (max-width:700px) {
			.events-c1 .events-js .years{font-size: 16px;padding-bottom: 30px;}
	.events-c1:after{top:52px;}
	
	
	.events-c1 .events-pn .swiper-button-prev,.events-c1 .events-pn .swiper-button-next {
    position: absolute;
    top: 0px;
    width: 25px;
    height: 25px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:25px 25px;
    background-position: center;
    background-repeat: no-repeat;
}
	
.events-c1 .events-js{width:calc(100% - 50px);margin: 0 auto;}
.events-c1 .events-js .txt{ display: none; width:240px;}
.events-c1 .events-js .txt p{font-size: 14px;}		
}









@media only screen and (max-width:720px) {
	.events-c1 .events-pn{width: 88%;}
}

















.honor{width: 100%;height:auto;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;z-index: 0;}
.honor .bk{position: absolute;left: 0;top: 0;width: 100%;height:100%;background: url(../img/a038.png)left top repeat;z-index: -1;}
.honor .honor-top{width: 100%;height: auto;position: relative;}
.honor .honor-top .title{padding-right: 112px;}
.honor .honor-js{width: 100%;height: auto;}
.honor .honor-js .pic{display: block;width: 100%;height: auto}
.honor .honor-js .pic img{display: block;width: 100%;height: auto}

.honor .honor-top .swiper-button-next{
    background-image: url(../img/a040.png);
    right: 0px;
    left: auto;
}

.honor .honor-top .swiper-button-prev{
    background-image: url(../img/a039.png);
    right: 66px;
    left: auto;
}


.honor .honor-top .swiper-button-prev,.honor .honor-top .swiper-button-next {
    position: absolute;
    top:15px;
    width: 46px;
    height: 46px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:46px 46px;
    background-position: center;
    background-repeat: no-repeat;
}

	
@media only screen and (max-width:1400px) {

.honor .honor-top .swiper-button-prev,.honor .honor-top .swiper-button-next {
    width: 40px;
    height: 40px;
    background-size:40px 40px;
}
.honor .honor-top .swiper-button-prev{right: 60px;}
.honor .honor-top .title{padding-right: 100px;}
}

@media only screen and (max-width:1024px) {

.honor .honor-top .swiper-button-prev,.honor .honor-top .swiper-button-next {
    width: 35px;
    height: 35px;
    background-size:35px 35px;
}
.honor .honor-top .swiper-button-prev{right: 45px;}
.honor .honor-top .title{padding-right:80px;}
}



.mark{width:100%;height: auto;}
.mark .mark-js{width: 100%;height: auto;}

.mark .mark-js .pic{width: 100%;height: auto;display: block;}
.mark .mark-js .pic img{display: block;width: 100%;height: auto;}


.mark .mark-top{width: 100%;height: auto;position: relative;}
.mark .mark-top .title{padding-right: 112px;}
.mark .mark-top .swiper-button-next{
    background-image: url(../img/a040s.png);
    right: 0px;
    left: auto;
}

.mark .mark-top .swiper-button-prev{
    background-image: url(../img/a039s.png);
    right: 66px;
    left: auto;
}


.mark .mark-top .swiper-button-prev,.mark .mark-top .swiper-button-next {
    position: absolute;
    top:15px;
    width: 46px;
    height: 46px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:46px 46px;
    background-position: center;
    background-repeat: no-repeat;
}

	
@media only screen and (max-width:1400px) {

.mark .mark-top .swiper-button-prev,.mark .mark-top .swiper-button-next {
    width: 40px;
    height: 40px;
    background-size:40px 40px;
}
.mark .mark-top .swiper-button-prev{right: 60px;}
.mark .mark-top .title{padding-right: 100px;}
}

@media only screen and (max-width:1024px) {
.mark .mark-top .swiper-button-prev,.mark .mark-top .swiper-button-next {
    width: 35px;
    height: 35px;
    background-size:35px 35px;
}
.mark .mark-top .swiper-button-prev{right: 45px;}
.mark .mark-top .title{padding-right:80px;}
}
















.tent{width: 100%;height: auto;}
.tent .tent-js{width:calc(100% + 5px); margin-left: -5px; height: auto;padding: 5px;}
.tent .tent-js .pic{display: block;width: 100%;height: auto; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.tent .tent-js .pic img{display: block;width:100%;height: auto;}


.tent .tent-top{width: 100%;height: auto;position: relative;}
.tent .tent-top .title{padding-right: 112px;}
.tent .tent-top .swiper-button-next{
    background-image: url(../img/a040s.png);
    right: 0px;
    left: auto;
}

.tent .tent-top .swiper-button-prev{
    background-image: url(../img/a039s.png);
    right: 66px;
    left: auto;
}


.tent .tent-top .swiper-button-prev,.tent .tent-top .swiper-button-next {
    position: absolute;
    top:15px;
    width: 46px;
    height: 46px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:46px 46px;
    background-position: center;
    background-repeat: no-repeat;
}

	
@media only screen and (max-width:1400px) {

.tent .tent-top .swiper-button-prev,.tent .tent-top .swiper-button-next {
    width: 40px;
    height: 40px;
    background-size:40px 40px;
}
.tent .tent-top .swiper-button-prev{right: 60px;}
.tent .tent-top .title{padding-right: 100px;}
}

@media only screen and (max-width:1024px) {
.tent .tent-top .swiper-button-prev,.tent .tent-top .swiper-button-next {
    width: 35px;
    height: 35px;
    background-size:35px 35px;
}
.tent .tent-top .swiper-button-prev{right: 45px;}
.tent .tent-top .title{padding-right:80px;}
}














.tech{width: 100%;height:auto}
.tech-c{width: 100%;height: auto;position: relative;}
.tech-js{width: 100%;height: auto;position: relative;text-align: center;}
.tech-js:before{content: ""; position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #FFFFFF;}
.tech-js .con .txt p{position: absolute;top: 0;bottom: auto; left: 0;width: 100%; font-size: 16px;color: #FFFFFF;max-height: 72px;overflow-x:hidden;overflow-y: auto; }


.tech-js  .swiper-slide .con{height: 320px;position:relative;padding-top: 50%;padding-bottom: 0;}
.tech-js  .swiper-slide .con:before{position: absolute;content: "";left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);background: #FFFFFF;width: 10px;height: 10px;border-radius: 100%;}
.tech-js  .swiper-slide .con .cons{ width: 100%;height: 50%;position: absolute;left: 0;top:auto;bottom: 0%;}
.tech-js  .swiper-slide .con .txt{width: 100%;height: 72px; position: absolute;bottom: 0;left: 0;top: auto;color: #FFFFFF;}
.tech-js  .swiper-slide .con .cons:before{content: "";position: absolute;width: 1px; background: #FFFFFF; left: 50%;height: calc(100% - 80px);bottom:auto;top: 0; transform: translateX(-50%);}
.tech-js  .swiper-slide .con .num{color: #FFFFFF;font-size: 24px;font-family: arial;position: absolute;bottom: calc(50% + 15px);top: auto; width: 100%;text-align: center;}








.tech-js  .swiper-slide:nth-child(2n) .con{height: 320px;position:relative;padding-bottom: 50%;padding-top: 0;}
.tech-js  .swiper-slide:nth-child(2n) .con:before{position: absolute;content: "";left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);background: #FFFFFF;width: 10px;height: 10px;border-radius: 100%;}
.tech-js  .swiper-slide:nth-child(2n) .con .cons{ width: 100%;height: 50%;position: absolute;left: 0;top: 0;}
.tech-js  .swiper-slide:nth-child(2n) .con .txt{width: 100%;position: absolute;top: 0;left: 0;bottom: auto;color: #FFFFFF;}
.tech-js  .swiper-slide:nth-child(2n) .con .cons:before{content: "";position: absolute;width: 1px; background: #FFFFFF; left: 50%;height: calc(100% - 80px);bottom: 0;top: auto; transform: translateX(-50%);}
.tech-js  .swiper-slide:nth-child(2n) .con .num{color: #FFFFFF;font-size: 24px;font-family: arial;position: absolute;top: calc(50% + 10px);width: 100%;text-align: center;}

.tech-js  .swiper-slide:nth-child(2n) .con .txt p{position: absolute;bottom: 0;top: auto;max-height: 72px;overflow-x:hidden;overflow-y: auto; left: 0;width: 100%;height: auto; color: #FFFFFF;}


.tech-js  .con .txt p::-webkit-scrollbar {/*滚动条整体样式*/width:3px;     border-radius: 3px;   /*高宽分别对应横竖滚动条的尺寸*/}
.tech-js  .con .txt p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 3px;
            height: 50%;
            /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
            background: rgba(255,255,255,0.7);}
.tech-js  .con .txt p::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
               border-radius: 3px;
            background:rgba(255,255,255,0.2);}











.tech-c .swiper-button-next{
    background-image: url(../img/a050.png);
    right: -50px;
    left: auto;
}

.tech-c .swiper-button-prev{
    background-image: url(../img/a049.png);
    left:-50px;
    right: auto;
}


.tech-c .swiper-button-prev,.tech-c .swiper-button-next {
    position: absolute;
    top:50%;
    width: 50px;
    height:50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size:50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1400px) {
.tech-c .swiper-button-next{right: -40px;}
.tech-c .swiper-button-prev{left:-40px;}
.tech-c .swiper-button-prev,.tech-c .swiper-button-next {width: 40px;height:40px;margin-top: -20px; background-size:40px 40px;}	
.tech-js .con .txt p{font-size: 15px;color: #FFFFFF;}
}
@media only screen and (max-width:1200px) {
.tech-c .swiper-button-next{right: -35px;}
.tech-c .swiper-button-prev{left:-35px;}
.tech-c .swiper-button-prev,.tech-c .swiper-button-next {width:35px;height:35px;margin-top: -17.5px; background-size:35px 35px;}	

.tech-js .con .txt p{font-size: 15px;color: #FFFFFF;}
.tech-js  .swiper-slide:nth-child(2n) .con .num{font-size: 20px;}
.tech-js  .swiper-slide .con .num{font-size: 20px;}
}

@media only screen and (max-width:1024px) {
.tech-c .swiper-button-next{right: -15px;}
.tech-c .swiper-button-prev{left:-15px;}
.tech-c .swiper-button-prev,.tech-c .swiper-button-next {width:30px;height:30px;margin-top: -15px; background-size:30px 30px;}	
.tech-js .con .txt p{font-size: 14px;color: #FFFFFF;}
}


@media only screen and (max-width: 720px) {
.tech-c .swiper-button-next{right: -10px;}
.tech-c .swiper-button-prev{left:-10px;}
.tech-c .swiper-button-prev,.tech-c .swiper-button-next {width:30px;height:30px;margin-top: -15px; background-size:30px 30px;}	
.tech-js .con .txt p{font-size: 14px;color: #FFFFFF;}
.tech-js  .swiper-slide .con{height:230px;}
.tech-js  .swiper-slide:nth-child(2n) .con{height:230px;}

}









.qual{width: 100%;height: auto;}
.qual .qual-js{width:calc(100% + 5px);margin-left: -5px; height: auto;padding: 0 5px;}
.qual .qual-js .con{width: 100%;height:auto;}
.qual .qual-js .con .pic{width: 100%;height: auto;display: block;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.qual .qual-js .con .pic img{display: block;width: 100%;height: auto;}
.qual .qual-js .con  h6{font-size: 16px;font-weight: normal; color: #000000;text-align: center;margin-top: 20px;}

.qual .qual-top{width: 100%;height: auto;position: relative;}
.qual .qual-top .title{padding-right: 112px;}
.qual .qual-top .swiper-button-next{
    background-image: url(../img/a040s.png);
    right: 0px;
    left: auto;
}

.qual .qual-top .swiper-button-prev{
    background-image: url(../img/a039s.png);
    right: 66px;
    left: auto;
}


.qual .qual-top .swiper-button-prev,.qual .qual-top .swiper-button-next {
    position: absolute;
    top:15px;
    width: 46px;
    height: 46px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:46px 46px;
    background-position: center;
    background-repeat: no-repeat;
}

	
@media only screen and (max-width:1400px) {

.qual .qual-top .swiper-button-prev,.qual .qual-top .swiper-button-next {
    width: 40px;
    height: 40px;
    background-size:40px 40px;
}
.qual .qual-top .swiper-button-prev{right: 60px;}
.qual .qual-top .title{padding-right: 100px;}
}


@media only screen and (max-width:1200px ) {
	.qual .qual-js .con  h6{font-size: 15px;}
}

@media only screen and (max-width:1024px) {
		.qual .qual-js .con  h6{font-size: 14px;}
.qual .qual-top .swiper-button-prev,.qual .qual-top .swiper-button-next {
    width: 35px;
    height: 35px;
    background-size:35px 35px;
}
.qual .qual-top .swiper-button-prev{right: 45px;}
.qual .qual-top .title{padding-right:80px;}
}



.apply{width: 100%;height: auto;}
.apply h5{font-size:28px; color: #116BDB;width: 100%;}
.apply .line{display: block;width: 100%;height:1px;background: #116BDB;margin: 20px 0 25px 0;}
.apply .txt{width: 100%;height: auto;}
.apply .txt p{font-size: 18px;color: #000000;}

.type{width: 100%;height: auto;background: #eeeeee;}
.type h5{font-size:28px; color: #116BDB;width: 100%;}
/*.type ul{width: 100%;height: auto;font-size: 0;}
.type ul li{position: relative; display: inline-block;vertical-align: top; text-align: center; width: calc(100% / 6);padding: 0 10px;margin-bottom: 15px;}
.type ul li:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%); width:1px;height:100px;background: #666;}
.type ul li:nth-child(6n):after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%); width:1px;height:100px;background: #666;}
.type ul li .ico {width: 45%;max-width: 70px;margin: 0 auto;}
.type ul li .ico img{display:block;width: 100%;height: auto;}
.type ul li h5{font-size: 18px;color: #000000;margin-top: 20px;font-weight: normal;}*/

.type .pic{width: 100%;height: auto;}
.type .pic .img1{display: block;width: 100%;height: auto;}
.type .pic .img2{display: none;}



.area{width: 100%;height: auto;}
.area h5{font-size: 28px;color: #116BDB;}	
.area .area-c{width: 100%;height: auto;}
.area .area-c p{padding-left: 15px;font-size: 16px; position: relative;margin-bottom: 10px;}
.area .area-c p:before{content: "";position: absolute;left: 0;top: 8px;width:6px;height:6px;background: #000000;border-radius:6px;}	
.area	.area-list{width: 100%;height: auto;font-size: 0;}
.area .area-list li{width: calc(50% - 20px);display: inline-block; margin-right: 40px;margin-bottom: 40px;}
.area .area-list li:nth-child(2n){margin-right: 0px;}
	
.area .area-list li .pic{width: 100%;height:490px;background-size: cover;background-position: center;position: relative; background-repeat: no-repeat;}	
.area .area-list li	h6{width: 100%;background:rgba(17,107,219,0.6);color: #FFFFFF;line-height: 60px; padding: 0 5%;font-size: 20px;position: absolute;left: 0;bottom: 0;}
.area .area-list li .bk{overflow: hidden; width: 100%;height:0%;position: absolute;background: rgba(17,107,219,0.6); bottom: 0;left: 0;}
.area .area-list li .bk .con{width: 100%;height: auto;position: absolute;padding: 0 6%; top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);}	
.area .area-list li .bk .con h5{font-size: 24px;color: #FFFFFF;}	
.area .area-list li .bk .con .line{display: block;width: 100%;height: 1px;background: #FFFFFF;margin:25px 0;}
.area .area-list li .bk .con .txt{width: 100%;height: auto;max-height: 200px; overflow-x: hidden;overflow-y: auto;}
.area .area-list li .bk .con .txt p{font-size: 16px;color:#FFFFFF;}
.area .area-list li:hover h6{display: none;}

.area .area-list li:hover .bk{width: 100%;height: 100%;transition: all 0.3s ease;}

.area .area-list li .bk .con .txt::-webkit-scrollbar {/*滚动条整体样式*/width:4px;     border-radius: 4px;   /*高宽分别对应横竖滚动条的尺寸*/}
.area .area-list li .bk .con .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 4px;
            height: 50%;
            /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
            background: rgba(255,255,255,0.7);}
.area .area-list li .bk .con .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
               border-radius: 4px;
            background:rgba(255,255,255,0.2);}






	
@media only screen and (max-width:1400px) {
.apply .txt p{font-size: 16px;}
.type ul li h5{font-size: 16px;}
.apply h5{font-size: 26px;}
.type h5{font-size: 26px;}
.area h5{font-size: 26px;}
.area .area-list li	h6{font-size: 20px;line-height: 50px;}
.area .area-list li .bk .con h5{font-size: 20px;}

}

@media only screen and (max-width:1200px) {
	.area .area-c p{font-size:15px;}
.area .area-list li{width: calc(50% - 15px);margin-right: 30px;margin-bottom: 30px;}	
.area .area-list li:nth-child(2n){margin-right: 0;}
.area .area-list li .pic{height: 450px;}
.area .area-list li .bk .con .txt p{font-size: 15px;}	
.apply .txt p{font-size: 15px;}
.type ul li h5{font-size: 15px;}
.apply h5{font-size: 24px;}
.type h5{font-size: 24px;}
.area h5{font-size: 24px;}
}
@media only screen and (max-width:1024px) {
	.apply h5{font-size: 20px;}
.type h5{font-size: 20px;}
.area h5{font-size: 20px;}
	
	.type ul li{width: calc(100% / 4);}
	.type ul li:nth-child(4n):after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%); width:1px;height:110px;background: #666;}

.area .area-list li	h6{font-size:18px;line-height: 45px;}
.area .area-list li .bk .con h5{font-size:18px;}
.area .area-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}	
.area .area-list li:nth-child(2n){margin-right: 0;}
.area .area-list li .pic{height: 380px;}
.area .area-list li .bk .con .txt{max-height: 180px;}
.area .area-list li .bk .con .txt p{font-size: 15px;}

}
@media only screen and (max-width:720px) {
	
	.type .pic .img1{display: none;}
	.type .pic .img2{display: block;width: 100%;height:auto;}
	.type ul li{width: calc(100% / 3);margin-bottom: 10px;padding: 0 5px;}
	.type ul li h5{font-size:14px;height: 63px;margin-top: 10px;}
.type ul li:before{ content: "";position: absolute;left: 0;top: 35%;transform: translateY(-50%); width:1px;height:80px;background: #666;}
.type ul li:nth-child(3n):after{content: "";position: absolute;right: 0;top: 35%;transform: translateY(-50%); width:1px;height:80px;background: #666;}
.type ul li:nth-child(4n):after{width: 0px;}

.area .area-list li{width: 100%;margin-right: 0px;margin-bottom:15px;}	
.area .area-list li:nth-child(2n){margin-right: 0;}
.area .area-list li .pic{height: 350px;}
.area .area-list li .bk .con .txt{max-height: 180px;}
.area .area-list li .bk .con .txt p{font-size: 15px;}
}


@media only screen and (max-width:480px ) {
	.area .area-list li	h6{font-size:17px;line-height: 40px;}
.area .area-list li .bk .con h5{font-size:17px;}
.area .area-list li{width: 100%;margin-right: 0px;margin-bottom:10px;}	
.area .area-list li:nth-child(2n){margin-right: 0;}
.area .area-list li .pic{height: 320px;}
.area .area-list li .bk .con .txt{max-height: 160px;}
.area .area-list li .bk .con .txt p{font-size: 14px;}	
}